
<!DOCTYPE html>
<html lang="en">
    <head><meta name="generator" content="Hexo 3.9.0">
    
        <title>FairyGUI - 项目设置</title>
    
        <meta charset="utf-8">
        <meta name="description" content="FairyGUI教程">
        <meta name="keywords" content="FairyGUI,FGUI,FairyGUI教程">
        
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

        <meta property="og:type" content="article">
        <meta property="og:title" content="-项目设置FairyGUI">
        <meta property="og:description" content="FairyGUI教程">

        <meta name="twitter:card" content="summary">
        <meta name="twitter:title" content="项目设置 — FairyGUI">
        <meta name="twitter:description" content="FairyGUI教程">

      <!--  <link href='//fonts.proxy.ustclug.org/css?family=Source+Sans+Pro:300,400,600|Roboto Mono' rel='stylesheet' type='text/css'> -->

        <!-- main page styles -->
        <link rel="stylesheet" href="/docs/css/page.css">

        <!-- this needs to be loaded before guide's inline scripts -->
        <script src="/docs/js/vue.min.js"></script>
        <script>window.PAGE_TYPE = "guide_editor"</script>
    </head>
    <body class="docs">        <div id="mobile-bar" data-bg-text="FairyGUI">
            <a class="menu-button"></a>
        </div>
        <div id="header">
  <ul id="nav">
    <li><a href="/docs/guide/" class="nav-link current">教程</a></li>
<li><a href="/docs/examples/" class="nav-link">在线示例</a></li>
<li><a href="/docs/release_notes/" class="nav-link">发行日志</a></li>
<li><a href="/" class="nav-link">首页</a></li>
  </ul>
</div>

        
            <div id="main" class="fix-sidebar">
                
                    
    <div class="sidebar">
    <ul class="main-menu">
        <li><a href="/docs/guide/" class="nav-link current">教程</a></li>
<li><a href="/docs/examples/" class="nav-link">在线示例</a></li>
<li><a href="/docs/release_notes/" class="nav-link">发行日志</a></li>
<li><a href="/" class="nav-link">首页</a></li>
    </ul>
    <div class="list">
        <ul class="menu-root">
            

	 			
	                
	                <li>
	                    <a href="/docs/guide/index.html" class="sidebar-link">导读</a>
	                </li>
	            
	
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/index.html" class="sidebar-link">编辑器使用基础</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/project_settings.html" class="sidebar-link current">项目设置</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/package.html" class="sidebar-link">包</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/branch.html" class="sidebar-link">分支</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/publish.html" class="sidebar-link">发布</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/object.html" class="sidebar-link">元件</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/image.html" class="sidebar-link">图片</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/movieclip.html" class="sidebar-link">动画</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/graph.html" class="sidebar-link">图形</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/loader.html" class="sidebar-link">装载器</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/text.html" class="sidebar-link">文本</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/richtext.html" class="sidebar-link">富文本</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/group.html" class="sidebar-link">组</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/component.html" class="sidebar-link">组件</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/scrollpane.html" class="sidebar-link">滚动容器</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/controller.html" class="sidebar-link">控制器</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/relation.html" class="sidebar-link">关联系统</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/label.html" class="sidebar-link">标签</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/button.html" class="sidebar-link">按钮</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/combobox.html" class="sidebar-link">下拉框</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/progressbar.html" class="sidebar-link">进度条</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/slider.html" class="sidebar-link">滑动条</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/scrollbar.html" class="sidebar-link">滚动条</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/list.html" class="sidebar-link">列表</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/tree.html" class="sidebar-link">树</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/popup.html" class="sidebar-link">Popup</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/dragdrop.html" class="sidebar-link">Drag&Drop</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/window.html" class="sidebar-link">窗口系统</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/transition.html" class="sidebar-link">动效</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/adaptation.html" class="sidebar-link">适配</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/i18n.html" class="sidebar-link">多国语言</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/export.html" class="sidebar-link">导入和导出</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/preference.html" class="sidebar-link">偏好设置</a>
	                </li>
	            
	                
	                <li>
	                    <a href="/docs/guide/editor/plugin.html" class="sidebar-link">插件</a>
	                </li>
	            
	
	            
	                
	                
	                <li><h3>SDK</h3></li>
	                
	                <li>
	                    <a href="/docs/guide/sdk/laya.html" class="sidebar-link">LayaAir</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/sdk/egret.html" class="sidebar-link">Egret</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/sdk/cocos2dx.html" class="sidebar-link">Cocos2dx</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/sdk/creator.html" class="sidebar-link">Cocos Creator</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/sdk/cryengine.html" class="sidebar-link">Cry Engine</a>
	                </li>
	            

	            
	                
	                
	                <li><h3>SDK - Unity</h3></li>
	                
	                <li>
	                    <a href="/docs/guide/unity/index.html" class="sidebar-link">显示UI面板</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/transform.html" class="sidebar-link">坐标系统</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/atlas.html" class="sidebar-link">纹理集的处理</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/font.html" class="sidebar-link">字体的处理</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/input.html" class="sidebar-link">输入处理</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/event.html" class="sidebar-link">事件机制</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/insert3d.html" class="sidebar-link">插入模型/粒子/Spine/Canvas</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/uipainter.html" class="sidebar-link">曲面UI</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/drawcall.html" class="sidebar-link">DrawCall优化</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/lua.html" class="sidebar-link">在Lua中使用</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/special.html" class="sidebar-link">特色功能</a>
	                </li>
	            
	                
	                
	                <li>
	                    <a href="/docs/guide/unity/faq.html" class="sidebar-link">常见问题</a>
	                </li>
	            

            
        </ul>
    </div>
</div>


<div class="content guide_editor with-sidebar ">
    
      <h1>项目设置</h1>
    
    <p>通过主菜单“文件-&gt;项目设置”打开项目设置对话框。</p>
<p><img src="../../images/QQ20191209-143604.png" alt></p>
<h2 id="基本"><a href="#基本" class="headerlink" title="基本"></a>基本</h2><p><img src="../../images/QQ20191209-144109.png" alt></p>
<ul>
<li><code>项目名称</code> 在这里修改UI项目的名称。</li>
<li><code>项目类型</code> UI项目类型，即UI实际运行的平台。你可以在这里任意切换。不同的平台在显示效果、发布结果上有一定的差别。</li>
</ul>
<h2 id="默认值"><a href="#默认值" class="headerlink" title="默认值"></a>默认值</h2><p><img src="../../images/QQ20191209-144336.png" alt></p>
<p><strong>注意：这些参数是编辑器内的默认值，与运行时无关。运行时需要用<code>UIConfig</code>重新进行全局的设置。而且后者的设置也不一定需要和这里的设置相同。</strong></p>
<ul>
<li><p><code>字体</code> 设置所有文本的默认字体。<strong>可以直接输入字体名称</strong>，也可以点击“A”按钮选择系统中的字体。如果你需要使用ttf文件，请先在操作系统中安装该文件（一般双击ttf文件即可），再在这里选择（需要重启编辑器才能看到新安装的字体）。这个字体设置仅用于编辑器内，运行时具体使用什么字体，需要使用<code>UIConfig.defaultFont</code>设定。为了使编辑器效果与运行时效果一致，应该尽量选择相同的字体或者形态相近的字体。</p>
</li>
<li><p><code>字体大小</code> 设置在舞台中新建文本时的默认字体大小。</p>
</li>
<li><p><code>禁用字体渲染位置优化</code> 该选项仅适用于Egret和Laya版本。勾选后，FairyGUI将使用系统渲染文本的默认位置，不再进行自动的优化。这个差别这对于微软雅黑特别明显。这个选项可以帮助解决部分H5引擎渲染字体位置的问题。</p>
</li>
<li><p><code>字体颜色</code> 设置在舞台中新建文本时的默认颜色。</p>
</li>
<li><p><code>默认轴心</code> 可以为舞台中新放置的元件设定默认的轴心。</p>
<ul>
<li><code>左上角</code> 轴心位置在左上角，这是软件的默认设置。</li>
<li><code>中心作为轴心</code> 轴心位置在中心。 </li>
<li><code>中心作为锚点</code> 轴心位置在中心，且把锚点也设置为中心，也就是元件的原点在中心。</li>
</ul>
</li>
<li><p><code>垂直滚动条</code> <code>水平滚动条</code> 设置制作UI时所有带滚动功能的容器需要使用的滚动条资源。这就是说，你将一个组件或者一个列表的“溢出处理”设置为“垂直滚动”、“水平滚动”或者“自由滚动”后，不需要每次设置滚动条，自动就会使用这里设置的滚动条资源。如果某个组件需要使用和全局设置不一样的滚动条，编辑器也提供了的单独的设置，<a href="scrollpane.html">后面的章节</a>会另外说明。这个设置仅用于编辑器内，运行时使用<code>UIConfig.horizontalScrollBar</code>和<code>UIConfig.verticalScrollBar</code>设定。</p>
</li>
<li><p><code>滚动条显示</code> 滚动条的显示策略。这是全局设置，也可以在滚动容器属性里单独设置。 这个设置仅用于编辑器内，运行时使用<code>UIConfig.defaultScrollBarDisplay</code>设定。</p>
<ul>
<li><code>可见</code> 表示滚动条始终显示。</li>
<li><code>滚动时显示</code> 表示滚动条只有在滚动时，或者鼠标在滚动容器视口内才会显示（PC），其他情况下则自动隐藏。</li>
<li><code>隐藏</code> 表示滚动条始终隐藏，这种情况滚动条也不占用视口位置。</li>
</ul>
</li>
<li><p><code>TIPS组件</code> 设定用于显示TIPS的组件。用法参考<a href="object.html#其他">这里</a>。</p>
</li>
<li><p><code>按钮点击声音</code> 设定按钮的默认点击声音。设置后，所有按钮点击都会播放这个声效，除非按钮自己独立设置另外的声效。这个设置仅用于编辑器内，运行时使用<code>UIConfig.buttonSound</code>设定。</p>
</li>
</ul>
<h2 id="快捷菜单"><a href="#快捷菜单" class="headerlink" title="快捷菜单"></a>快捷菜单</h2><p><img src="../../images/QQ20191209-154324.png" alt></p>
<ul>
<li><p><code>文字大小</code> 一个游戏使用的字体大小通常有几种固定的方案，这里定义好后，当任何地方需要输入字体大小时，就可以直接在下拉菜单选择。</p>
</li>
<li><p><code>字体</code> 一个游戏使用的字体通常有几种固定的方案，这里定义好后，当任何地方需要输入字体时，就可以直接在下拉菜单选择。</p>
</li>
<li><p><code>颜色</code> 一个游戏使用的颜色通常有几种方案，这里定义好后，当任何地方需要输入颜色时，就可以直接在下拉菜单选择。</p>
</li>
</ul>
<h2 id="适配测试"><a href="#适配测试" class="headerlink" title="适配测试"></a>适配测试</h2><p><img src="../../images/QQ20191209-154501.png" alt></p>
<ul>
<li><p><code>缩放模式</code> 设置物理屏幕和逻辑屏幕的映射关系。</p>
<ul>
<li><code>根据屏幕大小缩放</code> 按适配模式对物理屏幕进行缩放，得到逻辑屏幕。</li>
<li><code>不缩放</code> 物理屏幕与逻辑屏幕一致。</li>
</ul>
</li>
<li><p><code>适配模式</code> 设置计算全局缩放系数的方式。当缩放模式为“根据屏幕大小缩放”才有效。</p>
<ul>
<li><code>适应宽度和高度</code> 取宽和高比例较小的进行缩放。例如，设计分辨率是960x640，设备分辨率是1280×720，那么可以得到宽边的比例是1280/960=1.33，高边的比例是720/640=1.125，最后取较小的1.125作为全局缩放系数。这种缩放方式保证内容缩放后始终在屏幕内，如果有留边，则留边部分可以通过关联系统进一步处理。这种方式是适应性很强的处理方式。</li>
<li><code>适应宽度</code> 固定取宽的比例进行缩放，高边可能会超出屏幕，这种方式需要设计师在设计时就有目的地设计安全区域。</li>
<li><code>适应高度</code> 固定取高的比例进行缩放。宽边可能会超出屏幕，这种方式需要设计师在设计时就有目的地设计安全区域。</li>
</ul>
</li>
<li><p><code>设计分辨率</code> 通常我们会选择一个固定的分辨率进行UI设计和制作，这个分辨率称为设计分辨率。例如1136×640,1280×720都是比较常用的设计分辨率。选定一个设计分辨率后，最大的UI界面（通常就是全屏界面）的大小就限制在这个分辨率。</p>
</li>
</ul>
<p>关于适配，更详细的解析请阅读<a href="adaptation.html">适配</a>。</p>
<h2 id="项目分支"><a href="#项目分支" class="headerlink" title="项目分支"></a>项目分支</h2><p><img src="../../images/QQ20191209-160403.png" alt></p>
<ul>
<li><img src="../../images/QQ20191209-160453.png" alt> 新建分支。</li>
<li><img src="../../images/QQ20191209-160516.png" alt> 重命名分支。</li>
<li><img src="../../images/QQ20191209-160522.png" alt> 删除分支。</li>
</ul>
<p>关于分支，更详细的解析请阅读<a href="branch.html">分支</a>。</p>
<h2 id="多国语言"><a href="#多国语言" class="headerlink" title="多国语言"></a>多国语言</h2><p><img src="../../images/QQ20191209-160649.png" alt></p>
<ul>
<li><img src="../../images/QQ20191209-160453.png" alt> 增加语言文件，点击后会要求从文件系统选择一个语言文件。</li>
<li><img src="../../images/QQ20191209-160522.png" alt> 移除语言文件，只会移除记录，不会删除实际的文件。</li>
<li><img src="../../images/QQ20191209-160735.png" alt> 新建语言文件，点击后将创建一个新的语言文件。</li>
<li><img src="../../images/QQ20191209-160746.png" alt> 刷新所有语言文件，这个刷新功能只对字符串进行增删，但不会做修改。这种机制保护已经翻译的内容在刷新时不会被冲掉。举例说明：<br>项目内有一个组件C，它的内容是两个文本，分别是“t1:测试1，t2:测试2”，现在有一个语言文件en，它有两个字符串，分别对应了两个文本内容，并且它们已经被翻译成英文，内容为：“s1:test1，s2:test2”。观察以下操作对语言文件的影响：<ul>
<li>把t1的文本改成“测试2”，然后点击刷新。语言文件en不会有变化，s1的值依然是“test1”。</li>
<li>把t1删掉，然后刷新所有语言文件。语言文件en里的s1会被删掉。</li>
<li>增加一个“t3:测试3”，语言文件en的内容更新为“s1:test1，s2:test2，s3:测试3”。</li>
</ul>
</li>
</ul>
<p>关于多国语言，更详细的解析请阅读<a href="i18n.html">多国语言</a>。</p>
<h2 id="自定义属性"><a href="#自定义属性" class="headerlink" title="自定义属性"></a>自定义属性</h2><p><img src="../../images/QQ20191209-160831.png" alt></p>
<p>自定义属性是用户自定义的一些Key-Value集合。</p>
<p>自定义属性目前有两个用途：</p>
<ol>
<li>在插件中可以利用。</li>
<li>控制器可以定义首页为这里的Key值，则组件创建时，控制器将自动切换到名称为Value的页面。参考<a href="controller.html#控制器设计">这里</a>。</li>
</ol>
<p>这里的设定仅用于编辑器内使用，运行时需要用代码重新设置，API是<code>UIPackage.SetVar</code>。</p>

    
    <div class="footer">
      发现错误或想贡献文档?
      <a href="https://github.com/fairygui/fairygui.github.io/tree/master/src/guide/editor/project_settings.md" target="_blank">
        在 Github 上编辑此文档!
      </a>
    </div>
</div>

                
            </div>
            <script src="/docs/js/smooth-scroll.min.js"></script>
        

        <!-- main custom script for sidebars, version selects etc. -->        
        <script src="/docs/js/css.escape.js"></script>
        <script src="/docs/js/common.js"></script>
    </body>
</html>
